/* css reset */
*{ margin:0; padding:0;}
ul,ol{ list-style: none;}
img{ display: block;}
a{ text-decoration: none; color: black;}
input{outline:none;}

/* css common */
.l{float: left;}
.r{float: right;}
.clear:after{ content:""; display: block; clear:both;}
.container {width: 1080px; margin: 0 auto; position: relative;}
.container-fluid {position: relative;}
body {font-size: 14px;background-color: #F9F9F9;}

/* 面包屑 */
#bread {
    margin: 20px auto;
    font-size: 12px;
    color: #333333;
}
#bread span {
    color: gray;
}
#bread b {
    margin: 0 8px 0 5px;
}


/* 右边固定 */
#right-btn {
    position: fixed;
    bottom: 50%;
    left: 50%;
    margin-left: 550px;
    width: 120px;
    transform: translateY(50%);
    height: 236px;background-color: #fff;
    z-index: 100;
}
/* 红包 */
#right-btn .red {
    background-image: url(http://static.biyao.com/pc/www/img/envelopes_suspension_currency.png?v=biyao_576ef12);
    width: 120px;
    height: 110px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 120px;
    overflow: hidden;
}
/* 红包文字 */
#right-btn .red .tis {
    margin-top: 46px;
    font-size: 12px;
    color: #F8E371;
    text-align: center;
    line-height: 14px;
}
/* 二维码 */
#right-btn .ercode {
    width: 120px;
    height: 110px;
    background-color: #fff;
    background-image: url(http://static4.biyao.com/pc/www/img/xcx-code.png?v=biyao_32db620);
    background-size: 100%;
    background-repeat: no-repeat;
}
/* 回到顶部 */
#right-btn .top {
    background: url(http://static.biyao.com/pc/common/img/master/rightBar-top.png?v=biyao_43b4dc3) 0 center no-repeat;
    height: 48px;
    margin-top: 20px;
    display: none;
    cursor: pointer;
}
#right-btn .top:hover {
    background: url(http://static1.biyao.com/pc/common/img/master/rightBar-topActive.png?v=biyao_9ed53de) 0 center no-repeat;
}


/* 分类栏 */
#cateBread {
    height: 50px;
    margin: 20px auto 30px;
    background-color: #fff;
    padding-left: 20px;
    line-height: 50px;
}
#cateBread span, #cateBread li {
    display: inline-block;
    font-size: 16px;
    color: gray;
}
#cateBread ul {
    display: inline-block;
    margin-left: 20px;
}
#cateBread ul li {
    margin-right: 30px;
    cursor: pointer;
}
#cateBread ul li:hover {
    color :#523669
}

/* 列表标题 */
#list .category-title {
    margin: 40px 0 20px;
    color: #333;
    font-size: 24px;
    text-align: center;
}

/* 商品 */
#list ul {
    width: 1100px;
}
#list ul li {
    float: left;
    margin: 0 20px 20px 0;
    cursor: pointer;
}
#list ul li a {
    position: relative;
    display: block;
    width: 255px;
    height: 383px;
    background: #fff;
    transition: box-shadow .5s ease-in-out 0s;
}
/* 移入阴影 */
#list ul li a:hover {
    box-shadow: 0 1px 10px 4px rgba(0,0,0,.05);
}
/* 图片 */
#list li a i {
    width: 255px;
    height: 255px;
    display: inline-block;
    overflow: hidden;
}
#list li a i img {
    width: 100%;
    height: 100%;
    transition: transform .5s ease-in-out 0s;
}
/* 移入图片放大 */
#list li a:hover img{
    transform: scale3d(1.03,1.03,1);
}
/* 信息盒子 */
#list li a .info {
    padding-left: 20px;
}
/* 制造商 */
#list li a .supplier {
    font-size: 12px;
    line-height: 17px;
    color: #BF9E6B;
    margin-top: 10px;
}
/* 商品名 */
#list li a .title {
    font-size: 14px;
    line-height: 19px;
    color: #4A4A4A;
    margin-top: 5px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
/* 价格栏 */
#list li a .priceBox {
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    margin-top: 10px;
    display: flex;
}
#list a .priceBox .price {
    margin-right: 5px;
    font-size: 18px;
}
/* 图标 */
#list li a .mack {
    line-height: 20px;
}
#list li a .mack span {
    font-size: 10px;
    border-radius: 2px;
    padding: 0 2px;
    height: 16px;
    line-height: 16px;
    margin-left: 5px;
    border: 1px solid #fff;
}
/* 好评 */
#list li a .evaluate {
    font-size: 12px;
    line-height: 17px;
    color: #BBB;
    margin-top: 10px;
}